import { Meta, Story, Preview } from '@storybook/addon-docs/blocks';

import Sidebar from './Sidebar';
import { standardData } from './SidebarHeading.stories';
import { withRootData } from './SidebarStories.stories';

<Meta component="Sidebar" title="Addons|Docs/Sidebar" />

# Sidebar

Here's some custom documentation for Storybook's `Sidebar` component.

<Preview>
  <Story name="simple" height="150px">
    <Sidebar
      menu={standardData.menu}
      stories={withRootData.stories}
      storyId={withRootData.storyId}
    />
  </Story>
</Preview>

<Preview>
  <Story name="loading" height="150px">
    <Sidebar menu={standardData.menu} stories={{}} loading />
  </Story>
</Preview>
